.accordion {   
    width: 960px;
    overflow: hidden;   
    color: #474747;   
    background: #70A8D2;   
       
}

.accordion section{   
 	float: left;  
    overflow: hidden;   
    color: #E7F3FD;
    cursor: pointer;   
    background: #86B6DA;   
    margin: 3px;   
}

.accordion section:hover{  
    background: #2E82C4;  
}

.accordion section p{ 
    display: none;   
}

.accordion section:after{  
	position: relative;  
    font-size: 24px;  
    color: #70A8D2;  
    font-weight: bold;  
}

.accordion section:nth-child(1):after{ 
	content: '1'; 
}

.accordion section:nth-child(2):after{ 
	content: '2'; 
}

.accordion section:nth-child(3):after{ 
	content: '3'; 
}

.accordion section:nth-child(4):after{ 
	content: '4'; 
}

.accordion section:nth-child(5):after{ 
	content: '5'; 
}

.accordion section:nth-child(6):after{ 
	content: '6'; 
}

.accordion section:nth-child(7):after{ 
	content: '7'; 
}

.accordion section:nth-child(8):after{ 
	content: '8'; 
}

.accordion section:nth-child(9):after{ 
	content: '9'; 
}

.accordion section:nth-child(10):after{ 
	content: '10'; 
}

.accordion section:nth-child(11):after{ 
	content: '11'; 
}

.accordion section:target {   
	background: #FCFDFD;   
    padding: 10px;  
}

.accordion section:target:hover {   
    background: #FCFDFD;   
}

.accordion section:target h2 {  
    width: 100%;  
}

.accordion section:target h2 a{   
    color: #333;   
    padding: 0;  
}

.accordion section:target p {  
    display: block;  
}

.accordion section h2 a{  
    padding: 8px 10px;  
    display: block;   
    font-size: 16px;   
    font-weight: normal;  
    color: #eee;   
    text-decoration: none;   
}

.vertical section{ 
	width: 953px; 
	height: 40px;
	-webkit-transition: height 0.2s ease-out;
	-moz-transition: height 0.2s ease-out;
  	-o-transition: height 0.2s ease-out;
	-ms-transition: height 0.2s ease-out;
  	transition: height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ 
	height: 110px; 
	width: 934px; 
}

.vertical section h2 { 
	position: relative; 
	left: 0; 
	top: 0; 
}

/*Set position of the number on the slide*/
.vertical section:after{ 
	top: -90px;
	left: 905px;
}

.vertical section:target:after{ 
	left: -9999px;
}